<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div id="game">
        <div class="name">
            <span></span>
        </div>
    </div>

    <div id="game">
        <div>
            <span></span>
        </div>
        <div></div>
        <div></div>
        <div class="name"></div>
        <div></div>
    </div>

    <script>
//          var studentName = 'didi';
//          console.log(studentName);
//          var num = 8;
//          console.log(num);
//          var flag = false;
//          console.log('ture');
//         //基本数据类型：布尔型 ，字符串型，num型，null ,undefeind  
//         //字面量的值只能是固定的，而变量的值是可以随意变动
//         var cssname = 'box'
//         var num = 1
//         var html = '<div class="'+ cssname +'">这里是box'+num+'</div>' 
//         console.log(html);
//         Number(null)
//         console.log(Number(null));
//         isNaN(null)
//         console.log(isNaN(null));

//         parseFloat('1.6px') + parseInt('1.2px') + typeof parseInt(null)
//         var a = (parseFloat('1.6px') + parseInt('1.2px')) + typeof parseInt(null)
//         console.log(a);

//         isNaN(Number(!!Number(parseInt("0.8"))))
//         console.log(isNaN(Number(!!Number(parseInt("0.8")))));

//         var a = typeof!parseInt(null) + !isNaN(null);
//         console.log(typeof!parseInt(null));
//         console.log(a);

//         var check1 = 4 < 3 || 10 < 5;//false
//         var check2 = 4 > 3 || 10 < 5;//ture
//         var check3 = !(4 > 3);//false
//         var check4 = !(4 === '4');//ture
// console.log(check4);
//         var a = -1 && 'hello';
//         console.log(a);
    //     var result = 5 > 10;//false
    //     var result2 = 5 < 10;//ture
    //     var result3 = 5 >= 10;//false
    //     var result4 = 5 <= 10;//false
    // console.log('123' < Number('3'));
    //     var result5 = '10' > 2;
//  var year = 2000;
// var isRun=year%4===0 &&year%100!=0 ||year%400===0;
// console.log(year+ '是闰年吗?' +isRun);
// var p = 3.14;
// var r = 20;
// var num = p * r * 2;
// console.log(num);
// console.log((1021+2012)/100);
// var a = 20;
// var result = a++ + ++a +a;
// console.log(result);//64
// var a = 1;
// console.log(a++);
// console.log(++a);
// var h = 1000;
// var count = 0;
// while(h > 1){
//     h = h * 0.6;
//     count++;
// }
// console.log(count);
// var count = 0;
// for(var a = 0; a <= 50; a++){
//     for(var b = 0; b <= 20; b++){
//         for(var c = 0; c <= 6; c++){
//             if(2*a + 5*b + 15*c == 100){
//                 count++
//             }
//         }
//     }
// }
// console.log(count);

// var day = 9;
// var sum = 1;
// while(day >= 1){
//   sum = 2 * (sum+ 1);
//   day--;
// }

// console.log(sum);
// var h = 0.0001;
// var count = 0;
// while(h < 8848){
//     h *= 2;
//     count++;
// }
// console.log(count);
// function isPrime(n){
//     let flag = ture;
//     for(var i = 2;i < n;i++){
//         if(n % i == 0){
//             flag = false;
//         }
//     }
//     return flag;
// }
// console.log(flag);
//   for(var i = 0; i < 10;i++){
//       console.log('加油');
//   }
//   var num = 153;
// // console.log(String(num).charAt(2));
// console.log(parseInt(153 / 100)); // 百分位
// console.log(parseInt(153 % 100 / 10)) // 十分位
// console.log(153%10)
// for(var i = 100; i<=999 ; i++){
//     // 百分位
//     var a = parseInt(i / 100);
//     // 十分位
//     var b = parseInt(i % 100 / 10)
//     // 个位
//     var c = i % 10;
//     if(
//         (a*a*a + b*b*b + c*c*c) === 
//         (a*100 + b*10 + c)
//       )
//     {
//        console.log(a*100 + b*10 + c); 
//     }
// }
    </script>
    <script>
        // var date = new Date();
    // var today = new Date();
    // var birthday = new Date(1998,12,22,15,30);
    // Hours = (today - birthday)/(1000*60);
    // console.log(Math.round(Hours));
    // for(var i = 2; i<=100;i++){
    //      flag = ture;
    //     for(var i = 2; j<=100;j++){
    //         if(j%i==0)
    //         falg = false;
    //         break;
    //     }
    //     if(flag){
    //         console.log(i);
    //         sum+=i;
    //     }
    // }console.log(sum);
        // //删掉重复的数组
        // var arr = new Array(10,15,12,10,2,4,14,3,2,5,15,44);
        // function norepeat(arr){
        //     for(var i = 0;i<arr.length;i++){
        //         for(var j=i+1;j<arr.length;j++){
        //             if(arr[i] == arr[j]){
        //                 arr.splice(j,1);
        //             }
        //         }
        //     }
        //     return arr;
        // }
        // console.log(norepeat(arr));
        // //反转数组
        // var arr = ["皮卡丘,刘德华,张秀呀,德玛西亚,阿西吧"];
        // var newArr = [];
        // for(var i = arr.length-1;i>=0;i--){
        //     newArr[newArr.length]= arr[i]
        // }
        // //函数反转数组
        // function reverse(arr){
        //     var newArr=[];
        //     for(var i=arr.length-1;i>=0;i--){
        //         newArr[newArr.length]=arr[i]
        //     }
        //     return newArr;
        // }
        // var arr1 = reverse(['阿斯顿',"的撒风i",'发吧v','海都还不到'])
        // console.log(arr1);
        //  //求最大值
        // var arr = [32,292,21,412,431,34,45,21,1];
        // var max = arr[0];
        // for(var i = 1; i < arr.length;i++){
        //     if(arr[i]>max){
        //         max = arr[i];
        //     }
        // }console.log(max);
        // //函数方式
        // function arrMax(arr){
        //     var max = arr[0];
        //     for(var i = 1; i < arr.length;i++){
        //         if(arr[i]>max){
        //             max = arr[i]
        //         }
        //     }
        //     return max;
        // }
        // var NewArr = arrMax([32,292,21,4112,431,34,45,21,1]);
        // console.log(NewArr);

        // var arr = [20,1,12,2435,545,5423];
        // var big= arr[0];
        // for(var i = 1;i < arr.length; i++){
        //     if(arr[i]<big){
        //         big = arr[i];
        //     }
        // }console.log(big);
        // function bigArr(arr){
        //     var big = arr[0];
        //     for(var i = 1;i < arr.length;i++){
        //         if(arr[i]<big);
        //         big = arr[i]
        //     }
        //     return big;
        // }
        // var newBig = bigArr([12,23,34,54,66,423,3]);
        // console.log(newBig);

        // var o = {
        //     a:10,
        //     b:{
        //         a:12,
        //         fn:function(){
        //             console.log(this.a);
        //             console.log(this);
        //         }
        //     }
        // }
        // var j = o.b.fn;
        // j();
        
        // var sum = 0;
        // for (var i = 2; i <= 100; i++) {
        //     var flag = true;
        //     for (var j = 2; j < i; j++) {
        //         if(i % j == 0){
        //             flag = false;
        //             break;
        //         }
        //     }
        //     if(flag){
        //         console.log(i);
        //         sum += i;
        //     }
        // }
        // console.log(sum);

        // (function(){
        //     var x = y = 1;
        //     // var x = 1;
        //     // y = 1;
        // })
        // console.log(y);
        // console.log(x);



    </script>
    <script>
        var sum = 0;
        for(var i= 2;i<=100;i++){
            flag=true;
            for(var j=2;j<i;j++){
                if(i%j === 0)
                flag=false;
            }
            if(flag){
                sum += i;
            }
        }
        console.log(sum);

        var o = {
            a:10,
            b:{
                a:12,
                fn:function(){
                    console.log(this.a);//12a
                }
            }
        }
        o.b.fn();
        var o ={
            a:10,
            b:{
                a:12,
                fn:function(){
                    console.log(this.a);//undefiend
                    console.log(this);//指向整个窗口，整个window底下
                }
            }
        }
        var j = o.b.fn;
        j();

        function b(){
            var myVar;
            console.log(myVar);//1
        }
        function a(){
            var myVar=2;
            console.log(myVar);//2
            b();
        }
        var myVar=1;
        console.log(myVar);//undefiend
        a();
        console.log(myVar);//1

        // new一个函数会发生什么？
        // 1，创建一个新对象     
        // 2，this指向整个新对象将构造函数的作用域赋给这个对象 
        // 3，执行构造函数中的代码为这个对象添加新的属性       
        // 4，返回一个新对象

        // float与inline-block的区别：float顶部对齐与元素之间无缝隙，inline-block底部对齐，元素之间有缝隙 
    </script>
</body>

</html>